<template>
	<view class="">
		<com-title-vue title="关于我们"></com-title-vue>
		<com-nav :list="['aaa', 'bbb', 'ccc']"></com-nav>
		<view class="bg-white padding">
			<com-cu-date-picker-vue v-model="date"></com-cu-date-picker-vue>
		</view>
		<view class="bg-white padding">
			<comCuPickerVue v-model="pickerModel" :list="[{label: 'aaa', value: 1}, {label: 'bbb', value: 2}]"></comCuPickerVue>
		</view>
		<!-- 显示侧边栏 -->
		<button class="cu-btn bg-blue round block lg margin" @click="showModalLeft">显示modalLeft</button>
		<com-modal-left-vue ref="comModalLeft">
			<view>slot</view>
		</com-modal-left-vue>
	</view>
</template>

<script>
	import comTitleVue from '../../componets/comTitle.vue'
	import comNav from "../../componets/comNav.vue"
	import comCuDatePickerVue from '../../componets/comCuDatePicker.vue'
	import comCuPickerVue from '../../componets/comCuPicker.vue'
	import comModalLeftVue from '../../componets/comModalLeft.vue'
	export default {
		components: { comTitleVue,comModalLeftVue, comNav, comCuDatePickerVue, comCuPickerVue },
		data() {
			return {
				title: 'Hello',
				date: "",
				pickerModel: ""
			}
		},
		onLoad() {

		},
		methods: {
			showModalLeft(){
				this.$refs.comModalLeft.showModal()
			}
		}
	}
</script>

<style>
</style>
